/*
  Toolbar 组件样式 (中文注释)
  - 用途：定义工具栏的布局与按钮样式，局部化到 `creat-toolbar` 根类
  - 注意：组件仅处理展示，行为通过 `Toolbar.tsx` 中的 props 回调实现
*/
.creat-toolbar {
  /* 根容器采用 flex 布局使按钮水平排列 */
  display: flex;
  align-items: center;
  gap: 8px;
}

.creat-toolbar .tool-row {
  /* 按钮行：水平排列并保持间距 */
  display: flex;
  align-items: center;
  gap: 8px;
}

.creat-toolbar .tool-btn {
  /* 单个按钮样式：触控友好尺寸、圆角 */
  display: flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 10px;
  background: transparent;
  color: #444;
  font-size: 22px;
  border: none;
  text-align: center;
  border: 1px solid rgb(151, 151, 151);
}

.creat-toolbar .tool-btn.active {
  /* 激活态：使用主色并加粗 */
  color: #FF8C42;
  font-weight: 700;
}


